<div [@flyIn]="'active'">
  <div class="wrapper-sm" >
    <div class="panel panel-default" style="margin-bottom:-5px;border-radius:5px">
      <div class="panel-body" style="font-size: 10px;padding:5px 20px; " >
        <div class="row">
          <div class="col-xs-4 m-t-xs m-t-sm">
            <span>实时监控</span>
            <i class="fa fa-angle-right"></i>
            <span>群组监控 </span>
            <i class="fa fa-angle-right"></i>
            <span><b>{{name}}</b>设备列表</span>
          </div>
          <div class="col-xs-8">
            <a class="pull-right btn btn-sm btn-info" style="font-size:10px" [routerLink]="['../../../']">返回</a>
            <a class="pull-right btn btn-sm btn-primary" style="font-size:10px" [routerLink]="['groupstat']">群组数据统计</a>
          </div>
        </div>
      </div>
    </div>
  </div>

  <div class="row" style="padding:20px" >

    <div class="col-md-3" *ngFor="let aaData of data" >
      <div class="panel panel-default">
        <div class="panel-heading font-bold" style="text-align:center">
          <div>{{aaData.mac}}</div>
          <div>{{aaData.name}}</div>
        </div>
        <div class="panel-body" style="font-size:12px">
          <form class="bs-example form-horizontal">
            <div class="form-group">
              <label class="col-lg-5 control-label">排气压力</label>
              <div class="col-lg-4 control-label " hu='Exhaustpress' attr.tag="{{aaData.mac}}">
                --
              </div>
              <div class="col-lg-3 control-label" >
                Bar
              </div>
            </div>
            <div class="form-group">
              <label class="col-lg-5 control-label">排气温度</label>
              <div class="col-lg-4 control-label " hu='Exhausttemp' attr.tag="{{aaData.mac}}">
                --
              </div>
              <div class="col-lg-3 control-label">
                &#8451;
              </div>
            </div>
            <div class="form-group">
              <label class="col-lg-5 control-label">主机电流</label>
              <div class="col-lg-4 control-label " hu='Acurrent' attr.tag="{{aaData.mac}}">
                --
              </div>
              <div class="col-lg-3 control-label">
                A
              </div>
            </div>
            <div class="form-group">
              <label class="col-lg-5 control-label">运行时间</label>
              <div class="col-lg-4 control-label " hu='Runtime' attr.tag="{{aaData.mac}}">
                --
              </div>
              <div class="col-lg-3 control-label">
                H
              </div>
            </div>
            <div class="form-group">
              <label class="col-lg-5 control-label">加载时间</label>
              <div class="col-lg-4 control-label  " hu='Loadruntime' attr.tag="{{aaData.mac}}" >
                --
              </div>
              <div class="col-lg-3 control-label">
                H
              </div>
            </div>
            <div class="form-group" style="text-align:center">
              <button class="btn btn-sm " hu='RunState1_01' attr.mdtag='{{aaData.mac}}'>停止</button>
              <button class="btn btn-sm" hu='RunState1_02' attr.mdtag='{{aaData.mac}}'>卸载</button>
            </div>
            <div class="form-group" style="text-align:center">
              <button class="btn btn-sm" hu='RunState04_10' attr.mdtag='{{aaData.mac}}'>空就停机</button>
              <button class="btn btn-sm" hu='RunState04_12' attr.mdtag='{{aaData.mac}}'>预警</button>
              <button class="btn btn-sm" hu='RunState04_11' attr.mdtag='{{aaData.mac}}'>故障</button>
            </div>
          </form>
        </div>
      </div>
    </div>
  </div>

  <div *ngIf="data.length==0">
    <div class="wrapper-sm" >
      <div class="panel panel-default" style="margin-top:-30px; border-radius:5px">
        <div class="panel-heading" style="font-size: 10px;padding:5px 20px; " >
          <div class="m-t-xs m-t-sm">
            <span>此组下没有设备</span>
          </div>

        </div>
      </div>
    </div>
  </div>

</div>
